<!DOCTYPE html> 
<html> 
	<head> 
	<title>UCParty</title> 
	<meta name="viewport" content="width=device-width, initial-scale=1"> 
   <link rel="stylesheet" href="jquery/jquery.mobile-1.0.1.css" />
   <link rel="stylesheet" href="mobile.css" />
	<script src="jquery/jquery-1.7.1.min.js"></script>
	<script src="jquery/jquery.mobile-1.0.1.min.js"></script>
</head> 
<body> 

<!--  page home -->
<div data-role="page" id="home" data-theme="u">
	<div data-role="header" data-theme="u">
		 <h1>UCParty</h1>
	</div><!-- /header -->
	<div data-role="content" id="home-content">
   <div class="ui-grid-a">
         <div class="ui-block-a"><a href="#agenda" data-transition="none"><img src="icon/pictogram-articles-orange-hex.png"></a><br>Agenda</div>
         <div class="ui-block-b"><a href="#speaker" data-transition="none"><img src="icon/pictogram-forum-orange-hex.png"></a><br>Speakers</div>
         <div class="ui-block-a"><a href="map.html" rel="external" data-transition="none"><img src="icon/pictogram-locations-orange-hex.png"></a><br>Map</div>
         <div class="ui-block-b"><a href="twitter.html" rel="external" data-transition="none"><img src="icon/pictogram-tweet-orange-hex.png"></a><br>Tweet</div>
         <div class="ui-block-a"><a href="#sponsors" data-transition="none"><img src="icon/pictogram-business-orange-hex.png"></a><br>Sponsors</div>
         <div class="ui-block-b"><a href="#about" data-transition="none"><img src="icon/pictogram-developer-orange-hex.png"></a><br>About</div>
   </div>
	</div><!-- /content -->
 </div><!-- /page -->

<!--  page agenda -->
<div data-role="page" id="agenda"  data-theme="u">
	<div data-role="header"  data-theme="u">
      <h1>Agenda</h1>
	</div><!-- /header -->
	<div data-role="content">	
		<p>...</p>
	</div><!-- /content -->
 </div><!-- /page -->

<!--  page speaker -->
<div data-role="page" id="speaker"  data-theme="u">
	<div data-role="header"  data-theme="u">
      <h1>Speaker</h1>
	</div><!-- /header -->
	<div data-role="content">	
		<p>...</p>
	</div><!-- /content -->
 </div><!-- /page -->

<!--  page sponsors -->
<div data-role="page" id="sponsors"  data-theme="u">
	<div data-role="header"  data-theme="u">
      <h1>Sponsors</h1>
	</div><!-- /header -->
	<div data-role="content">	
		<p>...</p>
	</div><!-- /content -->
 </div><!-- /page -->

<!--  page about -->
<div data-role="page" id="about"  data-theme="u">
	<div data-role="header"  data-theme="u">
      <h1>About</h1>
	</div><!-- /header -->
	<div data-role="content">	
      <div data-role="collapsible" data-theme="u" data-content-theme="u">
         <h3>About</h3>
         <p>Ubuntu Release Party mobile application, provide information, agenda, map and twitter time-line. You can download and install from Google Play Store. Contribute / Fork project see the project page at http://code.google.com/p/ubuntuclub-mobile</p>
      </div>
      <div data-role="collapsible" data-theme="u" data-content-theme="u">
         <h3>License</h3>
         <p>Copyright (C) 2012  RedLine Software.</p>
         <p>This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or any later version.</p>
         <p>This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.</p>
         <p>You should have received a copy of the GNU General Public License
    along with this program.  If not, see  http://www.gnu.org/licenses/ .</p>
      </div>
	</div><!-- /content -->
 </div><!-- /page -->
 

</body>
</html>

